﻿@{
    ViewBag.Title = "Home Page";
}
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <!-- Meta Data -->
    <title>Mom World</title>
    <meta charset="utf-8" />
    <meta name="description" content="" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="apple-touch-icon" sizes="57x57"
          href="@Url.Content("~/Content/img/favicon/apple-touch-icon-57x57.png")">
    <link rel="apple-touch-icon" sizes="114x114"
          href="@Url.Content("~/Content/img/favicon/apple-touch-icon-114x114.png")">
    <link rel="apple-touch-icon" sizes="72x72"
          href="@Url.Content("~/Content/img/favicon/apple-touch-icon-72x72.png")">
    <link rel="apple-touch-icon" sizes="144x144"
          href="@Url.Content("~/Content/img/favicon/apple-touch-icon-144x144.png")">
    <link rel="apple-touch-icon" sizes="60x60"
          href="@Url.Content("~/Content/img/favicon/apple-touch-icon-60x60.png")">
    <link rel="apple-touch-icon" sizes="120x120"
          href="@Url.Content("~/Content/img/favicon/apple-touch-icon-120x120.png")">
    <link rel="apple-touch-icon" sizes="76x76"
          href="@Url.Content("~/Content/img/favicon/apple-touch-icon-76x76.png")">
    <link rel="apple-touch-icon" sizes="152x152"
          href="@Url.Content("~/Content/img/favicon/apple-touch-icon-152x152.png")">
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/img/favicon/favicon-196x196.png")"
          sizes="196x196">
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/img/favicon/favicon-160x160.png")"
          sizes="160x160">
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/img/favicon/favicon-96x96.png")"
          sizes="96x96">
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/img/favicon/favicon-16x16.png")"
          sizes="16x16">
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/img/favicon/favicon-32x32.png")"
          sizes="32x32">
    <meta name="msapplication-TileColor" content="#1f1f22">
    <meta name="msapplication-TileImage"
          content="@Url.Content("~/Content/img/favicon/mstile-144x144.png")">
    <!-- Custom Fonts -->
    <!-- Bootstrap Core CSS -->
    <link href="@Url.Content("~/Content/css/bootstrap.css")" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="@Url.Content("~/Content/css/reset.css")" type="text/css" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/mWorld.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/responsive.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/main.css")" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="@Url.Content("~/Content/css/owl.carousel.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/animate-custom.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/supersized.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/sky-forms.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/sky-tabs.css")" rel="stylesheet" />
    <!-- Font CSS -->
    <link href="@Url.Content("~/Content/css/font-awesome.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/simple-line-icons.css")" rel="stylesheet">
    <!-- jquery -->
    <script src="@Url.Content("~/Content/js/jquery-1.11.2.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery-ui.min.js")"></script>
    <script src="@Url.Content("~/Content/js/modernizr.custom.js")"></script>

</head>

<!-- Modal Login-->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="sky-tabs sky-tabs-amount-3 sky-tabs-pos-top-justify sky-tabs-anim-scale sky-tabs-response-to-icons">
                <input type="radio" name="sky-tabs" checked="" id="sky-tab1"
                       class="sky-tab-content-1"> <label for="sky-tab1">
                    <span>
                        <span>
                            <i class="fa fa-user"></i>Đăng nhập
                        </span>
                    </span>
                </label> <input type="radio"
                                name="sky-tabs" id="sky-tab2" class="sky-tab-content-2"> <label for="sky-tab2">
                    <span>
                        <span>
                            <i class="fa fa-lock"></i>Đăng kí
                        </span>
                    </span>
                </label> <input type="radio"
                                name="sky-tabs" id="sky-tab3" class="sky-tab-content-3"> <label for="sky-tab3">
                    <span>
                        <span>
                            <i class="fa fa-exchange"></i>Quên mật khấu
                        </span>
                    </span>
                </label>
                <ul>
                    <li class="sky-tab-content-1">
                        <form action="#" id="sky-form" class="sky-form">
                            <header>
                                <button type="button" class="close" data-dismiss="modal"
                                        aria-hidden="true">
                                    &times;
                                </button>
                                <i class="fa fa-user"></i>
                            </header>
                            <fieldset>
                                <section>
                                    <label class="input">
                                        <i class="icon-append fa fa-user"></i>
                                        <input type="text" name="username" placeholder="Tài khoản">
                                    </label>
                                </section>
                                <section>
                                    <label class="input">
                                        <i class="icon-append fa fa-lock"></i>
                                        <input type="password" name="password" placeholder="Mật khẩu">
                                    </label>
                                </section>
                                <section>
                                    <label class="checkbox">
                                        <input type="checkbox"
                                               name="remember" checked><i></i>Nhớ mật khẩu
                                    </label>
                                </section>
                            </fieldset>
                            <footer>
                                <a href="@Url.Content("~/index-user.html")" type="submit" class="button">
                                    <i class="fa fa-sign-in"></i>
                                </a>
                            </footer>
                        </form>
                    </li>
                    <li class="sky-tab-content-2">
                        <form action="#" id="sky-form" class="sky-form">
                            <header>
                                <button type="button" class="close" data-dismiss="modal"
                                        aria-hidden="true">
                                    &times;
                                </button>
                                <i class="fa fa-key"></i>
                            </header>
                            <fieldset>
                                <section>
                                    <label class="input">
                                        <i class="icon-append fa fa-user"></i>
                                        <input type="text" name="username" placeholder="Tên đăng nhập">
                                        <b class="tooltip tooltip-bottom-right">
                                            Hãy nhập tên bao
                                            gồm kí tự và số
                                        </b>
                                    </label>
                                </section>
                                <div class="row">
                                    <section class="col col-6">
                                        <label class="input">
                                            <i class="icon-append fa fa-lock"></i> <input type="password"
                                                                                          name="password" placeholder="Mật khẩu" id="password">
                                            <b class="tooltip tooltip-bottom-right">
                                                Đừng quên mật
                                                khẩu của bạn
                                            </b>
                                        </label>
                                    </section>
                                    <section class="col col-6">
                                        <label class="input">
                                            <i class="icon-append fa fa-lock"></i> <input type="password"
                                                                                          name="passwordConfirm" placeholder="Nhập lại mật khẩu">
                                            <b class="tooltip tooltip-bottom-right">
                                                Đừng quên mật
                                                khẩu của bạn
                                            </b>
                                        </label>
                                    </section>
                                </div>
                                <section>
                                    <label class="input">
                                        <i class="icon-append fa fa-envelope-o"></i> <input type="email"
                                                                                            name="email" placeholder="Địa chỉ email"> <b class="tooltip tooltip-bottom-right">
                                            Cần thiết để xác minh
                                            tài khoản của bạn
                                        </b>
                                    </label>
                                </section>

                            </fieldset>
                            <fieldset>
                                <section>
                                    <label class="checkbox">
                                        <input type="checkbox"
                                               name="terms" id="terms"><i></i>Tôi đồng ý với các <a href="@Url.Content("~/#")">Điều khoản</a> và <a href="@Url.Content("~/#")">Điều kiện</a>
                                    </label>
                                </section>
                            </fieldset>
                            <footer>
                                <button type="submit" class="button">
                                    <i class="fa fa-plus-circle"></i>
                                </button>
                            </footer>
                        </form>
                    </li>
                    <li class="sky-tab-content-3">
                        <form action="#" id="sky-form"
                              class="sky-form">
                            <header>
                                <button type="button" class="close" data-dismiss="modal"
                                        aria-hidden="true">
                                    &times;
                                </button>
                                <i class="fa fa-share"></i>
                            </header>
                            <fieldset>
                                <section>
                                    <label class="input">
                                        <i class="icon-append fa fa-user"></i>
                                        <input type="text" name="username" placeholder="Tên đăng nhập">
                                        <b class="tooltip tooltip-bottom-right">
                                            Hãy nhập tên bao
                                            gồm kí tự và số
                                        </b>
                                    </label>
                                </section>
                                <section>
                                    <label class="input">
                                        <i class="icon-append fa fa-envelope-o"></i> <input type="email"
                                                                                            name="email" placeholder="Địa chỉ email"> <b class="tooltip tooltip-bottom-right">
                                            Cần thiết để xác minh
                                            tài khoản của bạn
                                        </b>
                                    </label>
                                </section>

                            </fieldset>
                            <footer>
                                <button type="submit" class="button">
                                    <i class="fa  fa-paper-plane"></i>
                                </button>
                            </footer>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- /Modal Login-->
<!--preloader-->
<!--end preloader-->
<body id="page-top" class="index">
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
            </button>

            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <a class="navbar-brand page-scroll hidden-xs" href="@Url.Content("~/Content/index.html")">
                    <div class="logo-brand">
                        <img class="img-responsive" src="@Url.Content("~/Content/img/logo.png")" alt="Logo">
                    </div>
                </a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse"
                 id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active">
                        <a class="page-scroll" href="@Url.Content("~/#intro")">
                            Trang
                            chủ
                        </a>
                    </li>
                    <li><a class="page-scroll" href="@Url.Content("~/#forumPage")">Diễn đàn</a></li>
                    <li><a class="page-scroll" href="@Url.Content("~/motherhood.html")">Làm mẹ</a></li>
                    <li><a class="page-scroll" href="@Url.Content("~/#aboutPage")">Giới thiệu</a></li>
                    <li><a class="page-scroll" href="@Url.Content("~/#contactPage")">Liên lạc</a></li>
                    <li>
                        <a class=" page-scroll login" data-scroll
                           href="#loginModal" data-toggle="modal" data-toggle="tooltip"
                           data-placement="bottom" title="Đăng nhập | Đăng kí">
                            <img alt="" src="@Url.Content("~/Content/img/login.png")">
                        </a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- Header -->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* Intro  */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <section id="intro">
        <div class="black-overlay"></div>
        <div class="container valign">
            <div class="row">
                <div class="col-md-12">
                    <img src="@Url.Content("~/Content/img/logoWhite.png")"
                         class="img-responsive center-block introLogo" alt="Intro Logo">
                </div>
                <div class="col-md-offset-2 col-md-8 text-center">
                    <h1>
                        <span class="serif">Chúng tôi có </span> Mọi thứ<br> <span class="serif">Bạn</span> cần!
                    </h1>
                </div>
            </div>
            <div class="row hidden-xs visible-sm visible-md visible-lg">
                <!--left link-->
                <div class="col-sm-6 leftIntroLink">
                    <a data-scroll="" href="@Url.Content("~/Content/#servicesIntro")">
                        <div class="row">
                            <div class="col-xs-offset-4 col-xs-4">Dịch vụ</div>
                            <div class="col-xs-4 text-right">
                                <i class="icon-control-rewind"></i>
                            </div>
                        </div>
                    </a>
                </div>
                <!--end left link-->
                <!--right link-->
                <div class="col-sm-6 rightIntroLink">
                    <a data-scroll="" href="@Url.Content("~/Content/#contactIntro")">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="icon-control-forward"></i>
                            </div>
                            <div class="col-xs-4">Liên lạc</div>
                        </div>
                    </a>
                </div>
                <!--end right link-->
            </div>
            <div class="row">
                <div class="col-md-offset-4 col-md-4 introSmallCaption text-center">
                    <h4>
                        Vì sao chọn <span class="serif">MUM WORLD ?</span>
                    </h4>
                    <p>
                        Mục đích của chúng tôi là trở thành cộng đồng lớn nhất và
                        sôi động nhất dành riêng cho các bà mẹ.
                    </p>
                    <a data-scroll href="@Url.Content("~/Content/#welcome")" class="go-down"></a>
                </div>
            </div>
        </div>
    </section>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* END Intro  */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <div class="clearfix"></div>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* welcome */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <section id="welcome">
        <div class="container text-center">
            <div class="row">
                <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
                    <h1>
                        <span class="serif">Chào mừng bạn đến với </span> <strong>
                            Thế
                            giới bà mẹ
                        </strong>
                    </h1>
                    <p class="sub-heading">
                        Chúng tôi sẽ giúp bạn mở rộng kiến thức
                        để trở thành một người mẹ tuyệt vời.
                    </p>
                </div>
            </div>
            <div class="about-us row">
                <div class="box col-md-3 col-sm-6 col-xs-12">
                    <div class="media-element entry">
                        <a href="@Url.Content("~/Content/services.html")" title="">
                            <img src="@Url.Content("~/Content/img/knowledge.png")"
                                 class="img-responsive" alt="">
                            <div class="magnifier outline-outward">
                                <div class="buttons">
                                    <i class="fa fa-link"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- end entry -->
                    <h3 class="section-sub-title">Kiến thức</h3>
                    <!-- end section-title -->
                    <div class="desc">
                        <p>
                            It is a long established fact that a reader will be
                            distracted by the readable content of a page when looking at its
                            layout. The point of using Lorem Ipsum is that it has a
                            more-or-less normal distribution of letters.
                        </p>
                    </div>
                    <!-- end desc -->
                </div>
                <div class="box col-md-3 col-sm-6 col-xs-12">
                    <div class="media-element entry">
                        <a href="@Url.Content("~/Content/services.html")" title="">
                            <img src="@Url.Content("~/Content/img/online-test.png")" class="img-responsive" alt="">
                            <div class="magnifier outline-outward">
                                <div class="buttons">
                                    <i class="fa fa-link"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- end entry -->
                    <h3 class="section-sub-title">Kiểm tra</h3>
                    <!-- end section-title -->
                    <div class="desc">
                        <p>
                            It is a long established fact that a reader will be
                            distracted by the readable content of a page when looking at its
                            layout. The point of using Lorem Ipsum is that it has a
                            more-or-less normal distribution of letters.
                        </p>
                    </div>
                    <!-- end desc -->
                </div>
                <div class="box col-md-3 col-sm-6 col-xs-12">
                    <div class="media-element entry">
                        <a href="@Url.Content("~/Content/services.html")" title="">
                            <img src="@Url.Content("~/Content/img/community.png")"
                                 class="img-responsive" alt="">
                            <div class="magnifier outline-outward">
                                <div class="buttons">
                                    <i class="fa fa-link"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- end entry -->
                    <h3 class="section-sub-title">Cộng đồng</h3>
                    <!-- end section-title -->
                    <div class="desc">
                        <p>
                            It is a long established fact that a reader will be
                            distracted by the readable content of a page when looking at its
                            layout. The point of using Lorem Ipsum is that it has a
                            more-or-less normal distribution of letters.
                        </p>
                    </div>
                    <!-- end desc -->
                </div>
                <div class="box col-md-3 col-sm-6 col-xs-12">
                    <div class="media-element entry">
                        <a href="@Url.Content("~/Content/services.html")" title="">
                            <img src="@Url.Content("~/Content/img/advisory.png")"
                                 class="img-responsive" alt="">
                            <div class="magnifier outline-outward">
                                <div class="buttons">
                                    <i class="fa fa-link"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- end entry -->
                    <h3 class="section-sub-title">Tư vấn - Hỗ trợ</h3>
                    <!-- end section-title -->
                    <div class="desc">
                        <p>
                            It is a long established fact that a reader will be
                            distracted by the readable content of a page when looking at its
                            layout. The point of using Lorem Ipsum is that it has a
                            more-or-less normal distribution of letters.
                        </p>
                    </div>
                    <!-- end desc -->
                </div>
            </div>
        </div>
    </section>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* END welcome */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* New post */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <section>
        <div class="tabs">

            <div class="container nopadding">
                <!-- Nav Menu -->
                <ul class="nav nav-tabs" id="tab-menu">
                    <li class="first active">
                        <a class="first" href="@Url.Content("~/Content/#first")"
                           data-toggle="tab">Mong con</a>
                    </li>
                    <li class="second">
                        <a class="second" href="@Url.Content("~/Content/#second")"
                           data-toggle="tab">Mang thai</a>
                    </li>
                    <li class="third">
                        <a class="third" href="@Url.Content("~/Content/#third")"
                           data-toggle="tab">Trẻ sơ sinh</a>
                    </li>
                    <li class="fourth">
                        <a class="fourth" href="@Url.Content("~/Content/#fourth")"
                           data-toggle="tab">Nuôi dạy con</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <!-- Icon Left -->
                    <div class="tab-pane fade in active " id="first">

                        <section id="post">

                            <!-- Post -->
                            <div class="post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">28</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post img -->
                                <div class="post-img">
                                    <a href="" class="zoom-button" data-rel="prettyPhoto">
                                        <i class="fa fa-search"></i>
                                    </a> <img src="@Url.Content("~/Content/img/blog/1.jpg")" alt="" />
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">At vero eos et accusamus</h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">

                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>

                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. It has roots in a piece of classical Latin
                                        literature from 45 BC, making it over 2000 years old. Richard
                                        McClintock, a Latin professor at Hampden-Sydney College in
                                        Virginia, looked up one of the more obscure Latin words,
                                        consectetur, from a Lorem Ipsum passage, and going through the
                                        cites of the word in classical literature, discovered the
                                        undoubtable source. Lorem Ipsum comes from sections 1.10.32
                                        and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
                                        of Good and Evil) by Cicero, written in 45 BC. This book is a
                                        treatise on the theory of ethics, very popular during the
                                        Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
                                        sit amet..", comes from a line in section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Post -->
                            <div class="post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">26</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post img -->
                                <div class="post-img">
                                    <a href="" class="zoom-button" data-rel="prettyPhoto">
                                        <i class="fa fa-search"></i>
                                    </a> <img src="@Url.Content("~/Content/img/blog/2.jpg")" alt="" />
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">
                                        which is the same as saying through
                                        shrinking from toil and pain
                                    </h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">
                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>
                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. Latin words, consectetur, from a Lorem Ipsum
                                        passage, and going through the cites of the word in classical
                                        literature, discovered the undoubtable source. Lorem Ipsum
                                        comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum
                                        et Malorum" (The Extremes of Good and Evil) by Cicero, written
                                        in 45 BC. This book is a treatise on the theory of ethics,
                                        very popular during the Renaissance. The first line of Lorem
                                        Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in
                                        section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Post -->
                            <div class="post last-post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">28</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">These cases are perfectly</h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">
                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>
                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. It has roots in a piece of classical Latin
                                        literature from 45 BC, making it over 2000 years old. Richard
                                        McClintock, a Latin professor at Hampden-Sydney College in
                                        Virginia, looked up one of the more obscure Latin words,
                                        consectetur, from a Lorem Ipsum passage, and going through the
                                        cites of the word in classical literature, discovered the
                                        undoubtable source. Lorem Ipsum comes from sections 1.10.32
                                        and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
                                        of Good and Evil) by Cicero, written in 45 BC. This book is a
                                        treatise on the theory of ethics, very popular during the
                                        Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
                                        sit amet..", comes from a line in section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Blog Pagination -->
                            <div class="pagination" style="float: right;">
                                <ul>
                                    <li class="active"><a href="@Url.Content("~/Content/#")">1</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">2</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">3</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">Next</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">Last</a></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </section>

                    </div>
                    <!-- Icon right -->
                    <div class="tab-pane fade" id="second">
                        <section id="post">

                            <!-- Post -->
                            <div class="post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">28</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post img -->
                                <div class="post-img">
                                    <a href="" class="zoom-button" data-rel="prettyPhoto">
                                        <i class="fa fa-search"></i>
                                    </a> <img src="@Url.Content("~/Content/img/blog/1.jpg")" alt="" />
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">At vero eos et accusamus</h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">

                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>

                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. It has roots in a piece of classical Latin
                                        literature from 45 BC, making it over 2000 years old. Richard
                                        McClintock, a Latin professor at Hampden-Sydney College in
                                        Virginia, looked up one of the more obscure Latin words,
                                        consectetur, from a Lorem Ipsum passage, and going through the
                                        cites of the word in classical literature, discovered the
                                        undoubtable source. Lorem Ipsum comes from sections 1.10.32
                                        and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
                                        of Good and Evil) by Cicero, written in 45 BC. This book is a
                                        treatise on the theory of ethics, very popular during the
                                        Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
                                        sit amet..", comes from a line in section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Post -->
                            <div class="post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">26</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post img -->
                                <div class="post-img">
                                    <a href="" class="zoom-button" data-rel="prettyPhoto">
                                        <i class="fa fa-search"></i>
                                    </a> <img src="@Url.Content("~/Content/img/blog/2.jpg")" alt="" />
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">
                                        which is the same as saying through
                                        shrinking from toil and pain
                                    </h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">
                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>
                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. Latin words, consectetur, from a Lorem Ipsum
                                        passage, and going through the cites of the word in classical
                                        literature, discovered the undoubtable source. Lorem Ipsum
                                        comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum
                                        et Malorum" (The Extremes of Good and Evil) by Cicero, written
                                        in 45 BC. This book is a treatise on the theory of ethics,
                                        very popular during the Renaissance. The first line of Lorem
                                        Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in
                                        section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Post -->
                            <div class="post last-post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">28</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">These cases are perfectly</h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">
                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>
                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. It has roots in a piece of classical Latin
                                        literature from 45 BC, making it over 2000 years old. Richard
                                        McClintock, a Latin professor at Hampden-Sydney College in
                                        Virginia, looked up one of the more obscure Latin words,
                                        consectetur, from a Lorem Ipsum passage, and going through the
                                        cites of the word in classical literature, discovered the
                                        undoubtable source. Lorem Ipsum comes from sections 1.10.32
                                        and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
                                        of Good and Evil) by Cicero, written in 45 BC. This book is a
                                        treatise on the theory of ethics, very popular during the
                                        Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
                                        sit amet..", comes from a line in section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Blog Pagination -->
                            <div class="pagination" style="float: right;">
                                <ul>
                                    <li class="active"><a href="@Url.Content("~/Content/#")">1</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">2</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">3</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">Next</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">Last</a></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </section>
                    </div>
                    <!-- Only Text -->
                    <div class="tab-pane fade" id="third">
                        <section id="post">

                            <!-- Post -->
                            <div class="post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">28</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post img -->
                                <div class="post-img">
                                    <a href="" class="zoom-button" data-rel="prettyPhoto">
                                        <i class="fa fa-search"></i>
                                    </a> <img src="@Url.Content("~/Content/img/blog/1.jpg")" alt="" />
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">At vero eos et accusamus</h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">

                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>

                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. It has roots in a piece of classical Latin
                                        literature from 45 BC, making it over 2000 years old. Richard
                                        McClintock, a Latin professor at Hampden-Sydney College in
                                        Virginia, looked up one of the more obscure Latin words,
                                        consectetur, from a Lorem Ipsum passage, and going through the
                                        cites of the word in classical literature, discovered the
                                        undoubtable source. Lorem Ipsum comes from sections 1.10.32
                                        and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
                                        of Good and Evil) by Cicero, written in 45 BC. This book is a
                                        treatise on the theory of ethics, very popular during the
                                        Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
                                        sit amet..", comes from a line in section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Post -->
                            <div class="post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">26</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post img -->
                                <div class="post-img">
                                    <a href="" class="zoom-button" data-rel="prettyPhoto">
                                        <i class="fa fa-search"></i>
                                    </a> <img src="@Url.Content("~/Content/img/blog/2.jpg")" alt="" />
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">
                                        which is the same as saying through
                                        shrinking from toil and pain
                                    </h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">
                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>
                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. Latin words, consectetur, from a Lorem Ipsum
                                        passage, and going through the cites of the word in classical
                                        literature, discovered the undoubtable source. Lorem Ipsum
                                        comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum
                                        et Malorum" (The Extremes of Good and Evil) by Cicero, written
                                        in 45 BC. This book is a treatise on the theory of ethics,
                                        very popular during the Renaissance. The first line of Lorem
                                        Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in
                                        section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Post -->
                            <div class="post last-post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">28</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">These cases are perfectly</h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">
                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>
                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. It has roots in a piece of classical Latin
                                        literature from 45 BC, making it over 2000 years old. Richard
                                        McClintock, a Latin professor at Hampden-Sydney College in
                                        Virginia, looked up one of the more obscure Latin words,
                                        consectetur, from a Lorem Ipsum passage, and going through the
                                        cites of the word in classical literature, discovered the
                                        undoubtable source. Lorem Ipsum comes from sections 1.10.32
                                        and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
                                        of Good and Evil) by Cicero, written in 45 BC. This book is a
                                        treatise on the theory of ethics, very popular during the
                                        Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
                                        sit amet..", comes from a line in section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Blog Pagination -->
                            <div class="pagination" style="float: right;">
                                <ul>
                                    <li class="active"><a href="@Url.Content("~/Content/#")">1</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">2</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">3</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">Next</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">Last</a></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </section>
                    </div>
                    <!-- Icon left -->
                    <div class="tab-pane fade" id="fourth">
                        <section id="post">

                            <!-- Post -->
                            <div class="post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">28</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post img -->
                                <div class="post-img">
                                    <a href="" class="zoom-button" data-rel="prettyPhoto">
                                        <i class="fa fa-search"></i>
                                    </a> <img src="@Url.Content("~/Content/img/blog/1.jpg")" alt="" />
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">At vero eos et accusamus</h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">

                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>

                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. It has roots in a piece of classical Latin
                                        literature from 45 BC, making it over 2000 years old. Richard
                                        McClintock, a Latin professor at Hampden-Sydney College in
                                        Virginia, looked up one of the more obscure Latin words,
                                        consectetur, from a Lorem Ipsum passage, and going through the
                                        cites of the word in classical literature, discovered the
                                        undoubtable source. Lorem Ipsum comes from sections 1.10.32
                                        and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
                                        of Good and Evil) by Cicero, written in 45 BC. This book is a
                                        treatise on the theory of ethics, very popular during the
                                        Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
                                        sit amet..", comes from a line in section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Post -->
                            <div class="post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">26</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post img -->
                                <div class="post-img">
                                    <a href="" class="zoom-button" data-rel="prettyPhoto">
                                        <i class="fa fa-search"></i>
                                    </a> <img src="@Url.Content("~/Content/img/blog/2.jpg")" alt="" />
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">
                                        which is the same as saying through
                                        shrinking from toil and pain
                                    </h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">
                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>
                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. Latin words, consectetur, from a Lorem Ipsum
                                        passage, and going through the cites of the word in classical
                                        literature, discovered the undoubtable source. Lorem Ipsum
                                        comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum
                                        et Malorum" (The Extremes of Good and Evil) by Cicero, written
                                        in 45 BC. This book is a treatise on the theory of ethics,
                                        very popular during the Renaissance. The first line of Lorem
                                        Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in
                                        section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Post -->
                            <div class="post last-post animated" data-animation="fadeInUp"
                                 data-animation-delay="0">
                                <!-- Post Top Date Icon -->
                                <div class="contain-logo post-icon">
                                    <!-- Post Day -->
                                    <p class="day">28</p>
                                    <!-- Post Month -->
                                    <p class="month">nov</p>
                                </div>
                                <!-- Post Texts -->
                                <div class="post-texts">
                                    <!-- Post Header -->
                                    <h1 class="post-head">These cases are perfectly</h1>
                                    <!-- Post Tags -->
                                    <div class="post-tags">
                                        <!-- Posted By -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <img src="@Url.Content("~/Content/img/user.jpg")" alt=""
                                                     class=" img-circle img-responsive"
                                                     style="display: inline-block; width: 100%; max-width: 50px;" />
                                                KHOAHN
                                            </a>
                                        </div>
                                        <!-- Post Date -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-clock-o"></i> November
                                                28, 2013
                                            </a>
                                        </div>
                                        <!-- Comments -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags">
                                                <i class="fa fa-comment-o"></i> 1
                                                Comments
                                            </a>
                                        </div>
                                        <!-- Views -->
                                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                            <a class="tags"><i class="fa fa-eye"></i> 150 Views</a>
                                        </div>
                                    </div>
                                    <!-- Post Message -->
                                    <p>
                                        Contrary to popular belief, Lorem Ipsum is not simply
                                        random text. It has roots in a piece of classical Latin
                                        literature from 45 BC, making it over 2000 years old. Richard
                                        McClintock, a Latin professor at Hampden-Sydney College in
                                        Virginia, looked up one of the more obscure Latin words,
                                        consectetur, from a Lorem Ipsum passage, and going through the
                                        cites of the word in classical literature, discovered the
                                        undoubtable source. Lorem Ipsum comes from sections 1.10.32
                                        and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
                                        of Good and Evil) by Cicero, written in 45 BC. This book is a
                                        treatise on the theory of ethics, very popular during the
                                        Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor
                                        sit amet..", comes from a line in section 1.10.32.
                                    </p>

                                </div>
                                <!-- End Post Texts -->
                            </div>
                            <!-- End Post -->
                            <!-- Blog Pagination -->
                            <div class="pagination" style="float: right:;">
                                <ul>
                                    <li class="active"><a href="@Url.Content("~/Content/#")">1</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">2</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">3</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">Next</a></li>
                                    <li><a href="@Url.Content("~/Content/#")">Last</a></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </section>
                    </div>
                </div>
                <!-- End tab-content div -->
            </div>
        </div>
    </section>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* New post */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* about SECTION */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <section id="aboutPage">
        <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
        <!--/* team SECTION */-->
        <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
        <section id="team">
            <div class="container">
                <!-- Header -->
                <div class="header ">Chúng tôi</div>
                <!-- Second Header -->
                <div class="page-desc ">Sinh viên trường đại học FPT</div>
                <img src="@Url.Content("~/Content/img/zigzagsep.png")"
                     class="img-responsive center-block zigzagSep" alt="separator">
                <div class="team-items slide-boxes">
                    <div class="item animated" data-animation="flipInY"
                         data-animation-delay="0">
                        <img src="@Url.Content("~/Content/img/team/1.jpg")" alt="" class="img-circle" />
                        <h3>Khoahn</h3>
                        <h4>Web designer</h4>
                        <p>
                            Contrary popular belief, Lorem Ipsum is not simply random
                            text. It has roots in a piece of literature
                        </p>
                        <div class="socials">
                            <a href="@Url.Content("~/Content/#")"><i class="fa fa-facebook"></i></a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-instagram"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-pinterest"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-twitter"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </div>
                    </div>

                    <div class="item animated" data-animation="flipInY"
                         data-animation-delay="300">
                        <img src="@Url.Content("~/Content/img/team/2.jpg")" alt="" class="img-circle" />
                        <h3>PHOHT</h3>
                        <h4>Team leader</h4>
                        <p>
                            Contrary popular belief, Lorem Ipsum is not simply random
                            text. It has roots in a piece of literature
                        </p>
                        <div class="socials">
                            <a href="@Url.Content("~/Content/#")"><i class="fa fa-facebook"></i></a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-instagram"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-pinterest"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-twitter"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </div>
                    </div>
                    <div class="item animated" data-animation="flipInY"
                         data-animation-delay="600">
                        <img src="@Url.Content("~/Content/img/team/3.jpg")" alt="" class="img-circle" />
                        <h3>Trung</h3>
                        <h4>web Developer</h4>
                        <p>
                            Contrary popular belief, Lorem Ipsum is not simply random
                            text. It has roots in a piece of literature
                        </p>
                        <div class="socials">
                            <a href="@Url.Content("~/Content/#")"><i class="fa fa-facebook"></i></a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-instagram"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-pinterest"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-twitter"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </div>
                    </div>
                    <div class="item animated" data-animation="flipInY"
                         data-animation-delay="900">
                        <img src="@Url.Content("~/Content/img/team/4.jpg")" alt="" class="img-circle" />
                        <h3>DATNT</h3>
                        <h4>web Developer</h4>
                        <p>
                            Contrary popular belief, Lorem Ipsum is not simply random
                            text. It has roots in a piece of literature
                        </p>
                        <div class="socials">
                            <a href="@Url.Content("~/Content/#")"><i class="fa fa-facebook"></i></a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-instagram"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-pinterest"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-twitter"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </div>
                    </div>
                    <div class="item animated" data-animation="flipInY"
                         data-animation-delay="800">
                        <img src="@Url.Content("~/Content/img/team/5.jpg")" alt="" class="img-circle" />
                        <h3>KhoaPC</h3>
                        <h4>web Developer</h4>
                        <p>
                            Contrary popular belief, Lorem Ipsum is not simply random
                            text. It has roots in a piece of literature
                        </p>
                        <div class="socials">
                            <a href="@Url.Content("~/Content/#")"><i class="fa fa-facebook"></i></a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-instagram"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-pinterest"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-twitter"></i>
                            </a> <a href="@Url.Content("~/Content/#")">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End inner div -->
        </section>
        <!-- End Our Team Section -->
        <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
        <!--/* END team SECTION */-->
        <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    </section>

    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* END about SECTION */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* contact SECTION */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <section id="contactPage">
        <section id="contactContent">
            <div class="container">
                <div class="header">CONTACT US</div>
                <!-- Second Header -->
                <div class="page-desc">
                    Contrary to popular belief, Lorem Ipsum
                    is not simply random text. It has roots in a piece of classical
                    Latin literature from 45 BC, making it over 2000 years old.
                </div>
                <img src="@Url.Content("~/Content/img/zigzagsep.png")"
                     class="img-responsive center-block zigzagSep" alt="separator">
                <div class="row">
                    <div class="col-md-3 col-sm-6 col-xs-12 contactInfo1 item animated"
                         data-animation="flipInY" data-animation-delay="0">
                        <i class="icon-pointer"></i>
                        <p>
                            4435 Berkshire Circle<br> Knoxville TN 27912
                        </p>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12 contactInfo1 item animated"
                         data-animation="flipInY" data-animation-delay="0">
                        <i class="icon-call-end"></i>
                        <p>
                            879-890-9767<br> 234-890-1213
                        </p>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12 contactInfo1 item animated"
                         data-animation="flipInY" data-animation-delay="0">
                        <i class="icon-envelope"></i>
                        <p>
                            mail@mail.com<br> support@mail.com
                        </p>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12 contactInfo1 item animated"
                         data-animation="flipInY" data-animation-delay="0">
                        <i class="icon-clock"></i>
                        <p>
                            M-F: 8 AM - 3 PM<br> Sa: 8 AM - 12 PM<br> Su: Closed
                        </p>
                    </div>
                </div>
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <!--/* gmap SECTION */-->
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <section id="map-canvas"></section>
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <!--/* END gmap SECTION */-->
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <!--content-->
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12 text-center"
                         data-scroll-reveal="enter left move over 1s after 0.2s"
                         data-scroll-reveal-id="46" data-scroll-reveal-initialized="true"
                         data-scroll-reveal-complete="true">
                        <div id="result"></div>
                        <div class="row">
                            <form method="post" action="contact.php" name="contactform"
                                  id="contactform">
                                <fieldset id="contact_form">
                                    <div class="col-md-6">
                                        <label for="name">
                                            <input type="text" name="name"
                                                   id="name" placeholder="Enter Your Name">
                                        </label> <label for="email">
                                            <input type="email" name="email"
                                                   id="email" placeholder="Enter Your Email">
                                        </label> <label for="phone">
                                            <input type="text" name="phone"
                                                   id="phone" placeholder="Phone Number">
                                        </label>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="comments">
                                            <textarea name="comments"
                                                      id="comments" placeholder="Enter Your Message"></textarea>
                                        </label>
                                    </div>
                                    <a type="submit" class="btn btn-default">
                                        <i class="fa fa-paper-plane"></i> Send
                                    </a>
                                </fieldset>
                            </form>
                        </div>
                    </div>

                </div>
                <div class="row">
                    <hr>
                    <div class="clearfix"></div>
                    <div class="allIconsSocialWrapper center-block">
                        <!--icon-->
                        <div class="socialWrapper">
                            <div class="socialIcon-wrap socialIcon-effect-1 socialIcon-effect-1a">
                                <div class="socialIcon">
                                    <a href="@Url.Content("~/Content/#")"><i class="fa fa-facebook"></i></a>
                                </div>
                            </div>
                        </div>
                        <!--end icon-->
                        <!--icon-->
                        <div class="socialWrapper">
                            <div class="socialIcon-wrap socialIcon-effect-1 socialIcon-effect-1a">
                                <div class="socialIcon">
                                    <a href="@Url.Content("~/Content/#")"><i class="fa fa-twitter"></i></a>
                                </div>
                            </div>
                        </div>
                        <!--end icon-->
                        <!--icon-->
                        <div class="socialWrapper">
                            <div class="socialIcon-wrap socialIcon-effect-1 socialIcon-effect-1a">
                                <div class="socialIcon">
                                    <a href="@Url.Content("~/Content/#")"><i class="fa fa-behance"></i></a>
                                </div>
                            </div>
                        </div>
                        <!--end icon-->
                        <!--icon-->
                        <div class="socialWrapper">
                            <div class="socialIcon-wrap socialIcon-effect-1 socialIcon-effect-1a">
                                <div class="socialIcon">
                                    <a href="@Url.Content("~/Content/#")"><i class="fa fa-dribbble"></i></a>
                                </div>
                            </div>
                        </div>
                        <!--end icon-->
                    </div>
                    <div class="clearfix"></div>
                </div>
                <!--end content-->
            </div>
        </section>
    </section>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* END contact SECTION */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* Back to top */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <section id="back-top">
        <a href="@Url.Content("~/Content/#intro")" class="scroll"></a>
    </section>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* END Back to top */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--/* FOOTER */-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <section id="footer" class="dark">

        <div class="topLine clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6 col-xs-12 footerBox">
                        <img src="@Url.Content("~/Content/img/logoWhite.png")" class="img-responsive footerLogo"
                             alt="footer logo">
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12 footerBox">
                        <h4>About us</h4>
                        <div class="lineSeparator"></div>
                        <p>
                            Had denoting properly jointure you occasion directly
                            raillery. In said to of poor full be post face snug. Introduced
                            imprudence see say unpleasing devonshire.
                        </p>
                    </div>


                    <div class="col-md-3 col-md-offset-3 col-sm-6 col-xs-12 footerBox">
                        <h4>Contact Us</h4>
                        <div class="lineSeparator"></div>
                        <div class="row">
                            <div class="col-md-6">
                                <ul class="infoContact">
                                    <li>
                                        <i class="fa fa-location-arrow"></i> 4435 Berkshire
                                        Circle
                                    </li>
                                    <li>Knoxville</li>
                                    <li>TN 27912</li>
                                </ul>
                                <ul class="infoContact">
                                    <li><i class="fa fa-phone"></i> 879-890-9767</li>
                                    <li>234-890-1213</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="infoContact">
                                    <li>
                                        <a href="mailto:someone@example.com?Subject=HelloAgain"
                                           target="_top">
                                            <i class="fa fa-envelope-o"></i>
                                            mail@mail.com
                                        </a>
                                    </li>
                                    <li>
                                        <a href="mailto:someone@example.com?Subject=HelloAgain"
                                           target="_top">support@mail.com</a>
                                    </li>
                                </ul>
                                <ul class="infoContact">
                                    <li><i class="fa fa-clock-o"></i> M-F: 8 AM - 3 PM</li>
                                    <li>Sa: 8 AM - 12 PM</li>
                                    <li>Su: Closed</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="bottomLine text-center">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 text-left">
                        <p>
                            <br> All Rights Reserved. Website by us.
                        </p>
                    </div>
                    <div class="col-sm-6 text-right">
                        <div class="allIconsSocialWrapper center-block">
                            <!--icon-->
                            <div class="socialWrapper center-block black-icon">
                                <div class="socialIcon-wrap socialIcon-effect-1 socialIcon-effect-1a">
                                    <div class="socialIcon">
                                        <a href="https://dribbble.com/artbreeze02">
                                            <i class="fa fa-dribbble"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!--end icon-->
                            <!--icon-->
                            <div class="socialWrapper center-block black-icon">
                                <div class="socialIcon-wrap socialIcon-effect-1 socialIcon-effect-1a">
                                    <div class="socialIcon">
                                        <a href="https://twitter.com/artbreeze02">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!--end icon-->
                            <!--icon-->
                            <div class="socialWrapper center-block black-icon">
                                <div class="socialIcon-wrap socialIcon-effect-1 socialIcon-effect-1a">
                                    <div class="socialIcon">
                                        <a href="/https://www.behance.net/artbreeze">
                                            <i class="fa fa-behance"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!--end icon-->

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Bootstrap Core JavaScript -->
    <script src="@Url.Content("~/Content/js/bootstrap.js")"></script>
    <!-- Plugin JavaScript -->
    <script src="@Url.Content("~/Content/js/preloader.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.easing.min.js")"></script>
    <script src="@Url.Content("~/Content/js/classie.js")"></script>
    <script src="@Url.Content("~/Content/js/cbpAnimatedHeader.js")"></script>
    <script src="@Url.Content("~/Content/js/supersized.3.2.7.js")"></script>
    <script src="@Url.Content("~/Content/js/supersized-init.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.ui.datepicker-vi-VN.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/js/jquery.appear.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/js/owl.carousel.js")"></script>
    <script type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js">

    </script>
    <script src="@Url.Content("~/Content/js/googleMap.js")"></script>
    <!-- Custom Theme JavaScript -->
    <script src="@Url.Content("~/Content/js/mWorld.js")"></script>
    <script type="text/javascript">
        // Highlight the top nav as scrolling occurs
        $('body').scrollspy({
            target: '.navbar-fixed-top'
        });
    </script>
</body>
</html>
